html,
body,
#root {
    width: 100%;
    height: 100%;
}

.file {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    .search {
        width: 90%;
        margin: 0 auto;
        background-color: white;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        p:nth-child(1) {
            width: 100%;
            height: 40px;
            margin-left: 40px;
            margin-top: 10px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            span {
                margin-left: 10px;
            }
            Input {
                width: 20%;
                height: 32px;
                margin-left: 10px;
            }
        }
        p:nth-child(2) {
            width: 100%;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            Button {
                margin-right: 20px;
                width: 70px;
                height: 32px;
            }
        }
    }
    .content {
        width: 90%;
        margin-top: 20px;
        background-color: white;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        >div:hover {
            box-shadow: 0px 0px 6px #00000030;
        }
        >div {
            width: 20%;
            height: 276px;
            display: flex;
            flex-direction: column;
            margin-top: 20px;
            justify-content: center;
            align-items: center;
            margin-bottom: 1%;
            p:nth-child(1) {
                width: 90%;
                height: 180px;
            }
            p:nth-child(2) {
                width: 90%;
                height: 95px;
                display: flex;
                flex-direction: column;
                margin-left: 2%;
                justify-content: flex-start;
                span:nth-child(1) {
                    display: inline-block;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    font-size: 16px;
                }
                span:nth-child(2) {
                    font-size: 14px;
                    margin-top: 2%;
                }
            }
        }
    }
    .page {
        width: 90%;
        height: 50px;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.details {
    display: flex;
}